<wicket:head>
	<link rel="stylesheet" type="text/css" href="css/qconv_tables.css" />
</wicket:head>

<wicket:panel xmlns:wicket="http://wicket.apache.org">
	<div>
		<form wicket:id="filterForm">
			<table class="filterview">
				<tr>
					<td width="20%">
						<wicket:message key="p.filterForm.label" />:
					</td>
					<td width="20%"><input type="text" wicket:id="lastName" class="inputForm-text" size="14" /></td>
					<td width="20%"><input type="text" wicket:id="telNum" class="inputForm-text" size="14" /></td>
					<td width="20%" align="center"><input type="submit" wicket:id="linkToFilter" class="button medium green"
						wicket:message="value:p.inlineMenu.filterButton" /></td>
					<td width="20%" align="center"></td>
				</tr>
			</table>
		</form>
	</div>
	<div>
		<table class="dataview">
			<thead>
				<tr>
					<th width="20%"><wicket:message key="p.user.firstNameTitle" /></th>
					<th width="20%"><wicket:message key="p.user.lastNameTitle" /></th>
					<th width="20%"><wicket:message key="p.user.telNumTitle" /></th>
					<th width="20%"><wicket:message key="p.userProfile.appRoleTitle" /></th>
					<th width="20%"></th>
				</tr>
			</thead>
			<tbody wicket:id="tableBody">
				<tr wicket:id="tableRows">
					<td><wicket:container wicket:id="firstName" /></td>
					<td><wicket:container wicket:id="lastName" /></td>
					<td><wicket:container wicket:id="telNum" /></td>
					<td width="10%"><wicket:container wicket:id="userRoles" /></td>
					<td align="center">
						<a wicket:id="linkToEdit" class="button medium orange"><wicket:message key="p.inlineMenu.editButton" /></a>
					</td>
				</tr>
			</tbody>
		</table>
		<div wicket:id="paging" class="inputForm-buttons"></div>
	</div>
</wicket:panel>